var url = 'http://localhost:3000/v1/xczs/plan_det/1'
$.get(url, data => {
    console.log(data)
    $('.main>.trip>ul>.place>ul').html(
        data.data.map(value => {
            return `<li><p>${value.detail}</p></li>`
        })
    )
})
var url = 'http://localhost:3000/v1/xczs/plan_det/2'
$.get(url, data => {
    console.log(data)
    $('.main>.trip>ul>.travel-time>ul').html(
        data.data.map(value => {
            return `<li><p>${value.detail}</p></li>`
        })
    )
})
var url = 'http://localhost:3000/v1/xczs/plan_det/3'
$.get(url, data => {
    console.log(data)
    $('.main>.trip>ul>.travel-days>ul').html(
        data.data.map(value => {
            return `<li><p>${value.detail}</p></li>`
        })
    )
})
var url = 'http://localhost:3000/v1/xczs/plan_det/4'
$.get(url, data => {
    console.log(data)
    $('.main>.trip>ul>.travel-city>ul').html(
        data.data.map(value => {
            return `<li><p>${value.detail}</p></li>`
        })
    )
})
var url = 'http://localhost:3000/v1/xczs/plan_det/5'
$.get(url, data => {
    console.log(data)
    $('.main>.trip>ul>.travel-theme>ul').html(
        data.data.map(value => {
            return `<li><p>${value.detail}</p></li>`
        })
    )
})
var url = 'http://localhost:3000/v1/xczs/plan_det/6'
$.get(url, data => {
    console.log(data)
    $('.main>.trip>ul>.travel-grade>ul').html(
        data.data.map(value => {
            return `<li><p>${value.detail}</p></li>`
        })
    )
})
var url = 'http://localhost:3000/v1/xczs/detail/1'
$.get(url, data => {
    console.log(data)
    $('.main>.plan>.note>ul').html(
        data.data.map(value => {
            const { pic, long_time, Departure_time, place, title_1, title_2, areas_through, user, view, barrage } = value
            return `<li>
            <div class="img">
                            <img src="${pic}" alt="">
                            <div class='left'><span>${long_time}</span> 天</div>
                            <div class='right'>
                                <div>${Departure_time}</div>
                                <div class='line-1'>${place}</div>
                            </div>
                        </div>
                        <div class="text">
                            <div class="head">
                                <div>${title_1}</div>
                                <div>${title_2}</div>
                            </div>
                            <div class="pl line-2"><span>${areas_through}</span></div>
                            <div class="user">
                                <div class="uname">${user}</div>
                                <div class="view">
                                    <div>${view}</div> |
                                    <div>${barrage}</div>
                                </div>
                            </div>
                        </div>
            </li>`
        })
    )
})